$--colors: (
  'white': #ffffff,
  'black': #161a23,
  'primary': (
    'base': #164cff
  ),
  'success': (
    'base': #00b324
  ),
  'warning': (
    'base': #ff6805
  ),
  'danger': (
    'base': #f53f3f
  ),
  'error': (
    'base': #f53f3f
  ),
  'info': (
    'base': #868d9d
  )
);
$--text-color: (
  (
    'placeholder': #c5cbd8
  )
);
// we can add this to custom namespace, default is 'el'
@forward 'element-plus/theme-chalk/src/mixins/config.scss' with (
  $namespace: 'el'
);

// You should use them in scss, because we calculate it by sass.
// comment next lines to use default color
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  // do not use same name, it will override.
  $colors: $--colors,
  $text-color: $--text-color
);

// if you want to import all
@use 'element-plus/theme-chalk/src/index.scss' as *;
